<HTML>
 <HEAD>
  <TITLE>多列树示例</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="../../ext-4.0/resources/css/ext-all.css" />
  <script type="text/javascript" src="../../ext-4.0/bootstrap.js"></script>
  <script type="text/javascript" src="../../ext-4.0/locale/ext-lang-zh_CN.js"></script>
  <script type="text/javascript">
	Ext.onReady(function(){
		var tree = Ext.create('Ext.tree.Panel', {
		    title: 'TreeGrid（多列树示例）',
		    renderTo: Ext.getBody(),
		    width : 200,
		    height : 120,
		    fields: ['name', 'description'],
		    columns: [{
		        xtype: 'treecolumn',//树状表格列
		        text: '名称',
		        dataIndex: 'name',
		        width: 100,
		        sortable: true
		    }, {
		        text: '描述',
		        dataIndex: 'description',
		        flex: 1,
		        sortable: true
		    }],
		    root: {
		        name: '树根',
		        description: '树根的描述',
		        expanded: true,
		        children: [{
		            name: '节点一',
		            description: '节点一的描述',
		            leaf: true
		        }, {
		            name: '节点二',
		            description: '节点二的描述',
		            leaf: true
		        }]
		    }
		});
	});
  </script>
 </HEAD>
 <BODY STYLE="margin: 10px"></BODY>
</HTML>
